<template>
  <div class="block">
    <el-timeline>
      <el-timeline-item
        timestamp="项目经理-李勇"
        placement="top"
        :color="after_color"
        size="large"
      >
        <el-card
          style="height:160px;overflow-y: scroll;"
        >
          <h4>更新 Github 模板</h4>
          <filesTable :tableData="tableData":isShow="0" v-on:del_data="showChild"></filesTable>
          <p>王小虎 提交于 2018/4/12 20:46</p>
        </el-card>
      </el-timeline-item>
      <el-timeline-item
        timestamp="2018/4/3"
        placement="top"
        :color="active_color"
      >
        <el-card>
          <h4>更新 Github 模板</h4>
          <p>王小虎 提交于 2018/4/3 20:46</p>
        </el-card>
      </el-timeline-item>
      <el-timeline-item
        timestamp="2018/4/2"
        placement="top"
        :color="ready_color"
        type="warning"
      >
        <el-card>
          <h4>更新 Github 模板</h4>
          <p>王小虎 提交于 2018/4/2 20:46</p>
        </el-card>
      </el-timeline-item>
    </el-timeline>
  </div>
</template>

<script>
  import filesTable from '../tables/filesTable'
    export default {
        name: "timer",
      data(){
          return {
            after_color:'#909399',
            active_color:'#3a8ee6',
            ready_color:'#fff',
            //tab数据
            tableData: [{
              data:[{id:1,filename:'test1',type:'jpg',size:'1M',link:'http://www.baidu.com'},],//用于存放请求回来需要渲染的数据
              cols: [
                {prop: 'id', label: '序号'},
                {prop: 'filename', label: '文件名'},
                {prop: 'type', label: '类型'},
                {prop: 'size', label: '大小'},
                {prop: 'link', label: '跳转链接'}
              ]
            }],
          }
      },
      components:{filesTable},
      methods:{
        showChild(){
          console.log(1111);
        }
      }
    }
</script>

<style scoped>
.el-card__body{height:120px !important;overflow-y: scroll !important;}
</style>
